<script setup lang="ts">
import { ref } from 'vue'
const name = ref('点我一下')
const shear = ref('张三后面是什么？')

const handlerNameClick = () => {
    console.log('clicked')
    name.value = '王五赵四'
}

</script>

<template>
    <span id = 'name' @click="handlerNameClick">{{name}}</span>
    <br>
    <!--
       a标签为超链接标签，
       href为设置跳转的网址。用于跳转外部网址
       target为跳转网址的方式，_blank为新标签页打开，_self为当前标签页打开,默认不填为_self
    -->
    <!-- <a href="https://www.baidu.com" target="_blank">baidu.com</a> -->
    <!-- 
    :href为动态设置跳转的网址。用于跳转外部网址,可以使用变量进行网址内容拼接
    +号可以用于文本拼接
    -->
    <a :href="'https://www.baidu.com/s?wd=' + shear" target="_blank">baidu.com</a>
</template>

